<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="tabchange">
      <el-tab-pane name="symptom">
        <span slot="label">
          <i class="el-icon-news">&nbsp;</i>症状/一般状况</span>
      </el-tab-pane>
      <el-tab-pane name="shfs">
        <span slot="label">
          <i class="el-icon-service">&nbsp;</i>生活方式</span>
      </el-tab-pane>
      <el-tab-pane name="jcInfo">
        <span slot="label">
          <i class="el-icon-message">&nbsp;</i>检查信息</span>
      </el-tab-pane>
       <el-tab-pane name="other">
        <span slot="label">
          <i class="el-icon-view">&nbsp;</i>其他信息</span>
      </el-tab-pane>
    </el-tabs>
    <router-view class="khgl_content"></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      grjbxxid: null,
      id: null,
      activeName: 'symptom'
    }
  },
  created() {
    this.grjbxxid = this.$route.query.grjbxxid;
    this.id = this.$route.params.id;
    this.$router.push({
      path: `health/symptom`,
      query: this.$route.query
    })
  },
  mounted() {},
  methods: {   
    tabchange(tab) {
      this.$router.push({
        path: `/cust/jkdn/${this.id}/health/${tab.name}`,
        query: this.$route.query,
        replace: true
      })
    }
  },
  computed: {},
}
</script>

<style lang="scss" scoped>
</style>
